<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				padding: 0;
				margin: 0;
			}
		</style>
		<script src='jquery-3.4.1.js'></script>
		<script src='jquery.easing.1.3.js'></script>
		<script>
			$(function(){
				$("#btn").click(function(){
					//获得元素属性
//					var re=$("#title").attr('class');
//					var re=$("#title").attr('hd');
//					alert(re);
					//设置元素属性
					//$("#title").attr('class','qqqqqqqqqqqq');
					//prop一般是用来操作元素的特定属性，比如id class a标签的href img标签的src input的value属性
					//attr一般用来操作元素的非特定属性
					var re=$("#title").prop('class');
					alert(re);
				})
			})
		</script>
	</head>
	<body>
		<input type="button" value='按钮' id='btn' />
		<h1 id='title' class='biaoti' hd='houdun'>后盾人  人人做后盾</h1>
	</body>
</html>
